<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; utf-8">
<link rel="stylesheet" type="text/css"
	href="../assets/css/bootstrap.css" />
<link rel="stylesheet" type="text/css" href="../assets/css/Site.css" />
<link rel="stylesheet" type="text/css"
	href="../assets/css/animation.css" />
<link rel="stylesheet" type="text/css"
	href="../assets/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css"
	href="../assets/css/bootstrap-theme.css" />
<link rel="stylesheet" type="text/css"
	href="../assets/css/bootstrap-theme.min.css" />
<title>Connexion</title>
</head>
<body>
	<nav class="navbar navbar-default" role="navigation">
	<div class="navbar j navbar-inverse navbar-fixed-top">
		<div class="container">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle">
					<span class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="./.." lang="fr">Adventure Sports</a>
			</div>
			<div class="navbar-collapse collapse">
				<ul class="nav navbar-nav">
					<li><a href="./.."><span class="glyphicon glyphicon-home">&nbsp;</span>Accueil
					</a></li>
					<li><a href="#">À propos de</a></li>
					<li><a href="#">Contact</a></li>
				</ul>
				<ul class="nav navbar-nav navbar-right">
					<li><a href="./signin.jsp"><span
							class="glyphicon glyphicon-pencil ">&nbsp;</span>S'Inscrire</a></li>
					<li><a href="./login.jsp"><span
							class="glyphicon glyphicon-user">&nbsp;</span>Se connecter</a></li>
				</ul>
			</div>
		</div>
	</div>
	</nav>
	<div class="container">
		<div class="jumbotron">
			<h1 class="h1" style="text-decoration: underline;">Connexion</h1>
		</div>

		<br>
		<div class="table-responsive table-bordered"
			style="padding-left: 25px;">
			<form action="./Logins" method="post">
				<br> <br> <label class="control-label">Remplissez
					les champs avec vos données de connexion: </label> <br> <label
					class="control-label ">Les champs avec<span
					class="text-danger">&nbsp;* </span> sont obligatoire.
				</label> <br>
				<p class="text-danger"></p>
				<br>
				<span class="glyphicon glyphicon-user"></span> <label>Nom
					d'utilisateur: <span class="text-danger">*</span>
				</label> <br> <input type="text" name="username" /> <br> <br>
				<span class="glyphicon glyphicon-lock"></span> <label>Mot de
					passe: <span class="text-danger">*</span>
				</label> <br> <input type="password" name="password"></input> <br>
				<br> <span class="text-danger">${error}</span> <br> <input
					type="checkbox" name="remembeMe" /><label>&nbsp;Se
					souvenir de moi</label> <br> <br> <input class="btn"
					type="submit" value="connexion" id="btns" /> <br> <br>
			</form>
		</div>
	</div>
	<hr>
	<footer class="fixed-bottom">
	<table style="width: 100%;">
		<tr>
			<td valign="middle" style="text-align: left">
			<td valign="bottom"
				style="text-decoration: underline; text-align: center;">Copyright
				Adventure Sports &copy; by <a href="#">GroupeRouge </a>
			</td>
			<td valign="middle" style="text-align: right"></td>
		</tr>
	</table>
	</footer>

</body>
</html>
